// 假设的学生名字列表
let studentNames = [];
function dataInit(data){
    studentNames = data
}

document.addEventListener("DOMContentLoaded", function () {
    // 生成泡泡并添加到页面中
    function generateBubbles() {
        const bubbles = document.getElementById("bubbles");
        studentNames.forEach((name, index) => {
            const bubble = document.createElement("span");
            bubble.className = "u-circle";
            bubble.textContent = name;
            bubble.style.top = '200px'; // 随机位置，可以根据需要调整
            bubble.style.left = '200px'; // 同上
            bubble.addEventListener("click", () => {
                bubble.remove(); // 当点击泡泡时，删除该泡泡元素
                studentNames.splice(index, 1); // 从学生名字列表中删除该名字（注意：这里假设泡泡的顺序和名字列表的顺序是一致的）
                if(studentNames.length === 0){
                    alert("恭喜你，全员通过！");
                }
            });
            bubbles.appendChild(bubble);
        });
    }

    generateBubbles();

    $(".u-circle").flotage({
        min_x: -10, min_y: -10, max_x: 10, max_y: 10
    })
});
